$(function(){
    // 需求1：获取用户信息
    getUserInfo()

    // 需求2：退出
    $('#logout').on('click',function(){
        layer.confirm('确认退出登录吗？', {icon: 3, title:'提示'}, function(index){
            //do something
            // 跳转到登录页面，销毁token
            location.href = 'login.html'
            localStorage.removeItem('token')
            // 自带的代码，关闭询问框
            layer.close(index);
          });
    })
})

// 获取用户信息渲染头像封装成函数
// 需求：必须设置为全局函数，不是局部函数！
function getUserInfo(){
    // 发送ajax请求
    axios({
        method: 'GET',
        url: '/my/userinfo',
        // 通过请求头设置token身份认证
        // headers: {
        //     Authorization:localStorage.getItem('token')
        // }
    }).then(({ data:res }) => {
        // console.log(res);
        if(res.status != 0){
            return layui.layer.msg(res.message)
        }

        renderAvatar(res.data)
    })
}

// 渲染用户信息和头像
function renderAvatar(user){
    // 先渲染用户昵称里的值，如果没有就渲染用户名
    // ||链接两个值，如果第一值是false类型，返回第二个值，无论第二个值是什么
    let name = user.nickname || user.username
    $('.welcome').html('欢迎&nbsp;' + name)
    // 处理头像 - 如果有图片就渲染图片头像，否则渲染文字头像
    if(user.user_pic !== null) {
        $('.avatar-text').hide()
        $('.layui-nav-img').show().attr('src',user.user_pic)
    }else {
        // 渲染name中的第一个单词，并且大写
        let first = name[0].toUpperCase()
        $('.avatar-text').show().html(first)
        $('.layui-nav-img').hide()
    }
}